<!DOCTYPE html>
<html>

<head>
    <title>
        HTML CRASH FOR BEginner
    </title>
</head>

<body>
    <!-- #region -->
    <h1>heading faefs SQSQDQ </h1>
    <h2>heading wadfwdfa DWDWD</h2>
    <h3>headingawdwda </h3>
    <h4>heading1 DWDWDW </h4>
    <h5>heading1 dadad</h5>


    <!-- paragraph -->
    <p>
        Lorem ipsum dolor sit amet <strong>consectetur adipisicing elit. Tempore cumque ut exercitationem ipsum deserunt
            dolore accusamus, cum minima perferendis molestiae </strong>>nesciunt distinctio expedita, doloremque
        molestias odit ullam excepturi at qui temporibus asperiores consectetur. Non aut deleniti eveniet, saepe,
        quaerat aliquam expedita laudantium unde fugit volupt<em>atibus voluptates modi! Magni quib</em>>usdam nulla
        magnam laboriosam, eius reiciendis provident eveniet, itaque, a voluptate iure commodi doloribus accusantium
        tempora praesentium dolores possimus numquam ad! Excepturi?
    </p>
    <p>
        Lorem ipsg>um <a href="http://google.com" target="_blank">efsiehfiuafkuhfkjsefkj</a>dolor sit amet consectetur
        adipisicing elit. Veritatis vel ut dolor ullam consequuntur. Dolor facilis odit harum laudantium provident
        perspiciatis, optio, quaerat, aliquam nostrum modi omnis similique ducimus nihil reprehenderit? Molestias quod
        accusantium cum possimus ex sed nobis suscipit rerum. Itaque saepe repellendus blanditiis facere accusantium
        quae, voluptates vel dicta officia animi error sapiente quam. Atque cupidiumquam ipsam
        tenetur minus veritatis. Nostrum ipsa, animi architecto repellendus perferendis laborum tempore saepe nam esse
        at adipisci quas pariatur quos sunt repellat dolores maxime magni quidem! Provident fugiat eveniet accusantium
        quo veniam reprehenderit quas assumenda architecto quis iure, similique necessitatibus pariatur hic nihil
        tempore? Saepe voluptate delectus tempora corporis quae officia iste voluptatibus in earum explicabo rerum
        aliquid magnam deserunt veniam adipisci quis voluptas ipsum totam sequ
    </p>>
    <!-- lists -->
    <ul>
        <li>List Item 1</li>
        <li>List Item 2</li>
        <li>List Item 3</li>
        <li>List Item 4</li>
        <li>List Item 5</li>
        <li>List Item 6</li>
    </ul>

    <ol>
        <li>List Item 1</li>
        <li>List Item 2</li>
        <li>List Item 3</li>
        <li>List Item 4</li>
        <li>List Item 5</li>
        <li>List Item 6</li>
    </ol>
    
    <!-- Table -->
    <table>
        <thead>
            <tr>
                <th>Firast name</th>
                <th>last name</th>
                <th>age</th>
                <th>Email</th>
            </tr>
            
        </thead>
        <tbody>
            <tr>
                <td>Joez</td>
                <td>Zhang</td>
                <td>12</td>
                <td>eacsvdvd</td>
            </tr>
            <tr>
                <td>Joez</td>
                <td>Zhang</td>
                <td>12</td>
                <td>eacsvdvd</td>
            </tr>
            <tr>
                <td>Joez</td>
                <td>Zhang</td>
                <td>12</td>
                <td>eacsvdvd</td>
            </tr>
            <tr>
                <td>Joez</td>
                <td>Zhang</td>
                <td>12</td>
                <td>eacsvdvd</td>
            </tr>
            <tr>
                <td>Joez</td>
                <td>Zhang</td>
                <td>12</td>
                <td>eacsvdvd</td>
            </tr>
            <tr>
                <td>Joez</td>
                <td>Zhang</td>
                <td>12</td>
                <td>eacsvdvd</td>
            </tr>
            <tr>
                <th>xxxxx</th>
                <th>xxxxxx</th>
                <th>xxxxx</th>
                <th>xxxxx</th>
            </tr>
        </tbody>
    </table>



    <br>
    <br>
    <hr>


    <br>
    <br>
    <br>

    <!-- Forms -->
    <form action="form.js" method="post">
        <div>
            <label> first name</label>
            <input type="text" name="firstname" placeholder="Enter First name">
        </div>
        <br>
        <br>
        <div>
            <label> Lastt name</label>
            <input type="text" name="lastname" placeholder="Enter Last name">
        </div>
        <br>
        <br>

        <div>
            <label> E mail</label>
            <input type="email" name="email" placeholder="Enter email">
        </div>
        <br>
        <br>
        <div>
            <label> age</label>
            <input type="number" name="age" placeholder="age">
        </div>
        <br>
        <input type="submit" name="submit" value="Submit">
    </form>

    <!-- button -->
    <br>
    <button>okokokoko</button>

    <!-- image -->
    <img style=width:100vw src="img/pic.jpg" alt="This is a img tag.">

    <!--quotation  -->
    <blockquote>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Autem amet cupiditate eos quod quam eveniet
        harum quis totam similique, laborum dolore iusto at modi iste deserunt doloribus, dolor hic facilis.
    </blockquote>


    <p><abbr title="Massachusetts Institute of Technology">MIT</abbr> is a prestigious college</p>



    <div style="margin-top:200px"></div>
</body>

</html>